header {height: auto;width: 100%;float: left;margin: 0px 0 0 0;}
header#header{ padding: 0px 0  0px 0; width: 100%; background: #FFF; float:left;}
#header-links{ width: 100%; height:32px; background: #fff url(../images/header.png) no-repeat right top ; line-height:32px; border-top:6px solid #0587d8;}
#header-links a:hover {  }



.header-wrapp{width:338px;float: left; padding:0px 0px;}
.header_top{width:862px; float:left; padding:0px; margin:0px;}

.head_top{width:100%; height:30px; float:left;color:#fff; background:#0587d8; line-height:26px; text-indent:10px;}

.head_top span{float:right}
.head_top span a{color:#fff; margin:0px 5px;}
.head_top span a:hover{color:#fff;}


 /*--------------------------------------------------------------------------------------*/
 /*                     4 - HEADER CSS STYLES                                           */
 /*-------------------------------------------------------------------------------------*/
 /*main navigation*/
 
#main-navigation {background: #fff; float: left; width: 862px;height: auto; border:none;}
#main-navigation.sticky {
    position: fixed;
    width: 100%; 
    height: auto;
    background:#2d3e50;
    z-index: 9999;
}
#main-navigation.sticky-fullwidth { width: 100%!important }

#main-navigation select {background: #FFF;cursor: pointer; padding: 10px 5px;color: #fff; display: none}
ul.main-menu.alternative { float: right }
ul.main-menu.alternative li a { color: #fff;border:none;}
.main-menu.alternative > li:hover > a { color: #fff }

.main-menu {
    margin: 0;
    padding-left: 13px;
    list-style: none;
}
#current {
    background: #0587d8; border:none;padding: 25px 20px; 
    position: relative;
     color:#fff;
}

/*下啦菜单样式*/
.main-menu li,.main-menu ul a { position: relative;border:none; }
.main-menu > li { float: left; border:none; }
.main-menu > li.floatr { float: right }
.main-menu li > a { display: block }


.main-menu li:hover > ul { display: block }
#navigation ul li:first-child { margin-left: -8px }
#navigation ul li ul li:first-child,
#navigation ul li ul li ul li:first-child { margin-left: 0 }
ul.main-menu li a i {
    margin-right: 10px;
}
ul.main-menu  ul li a i {  }

.main-menu a { text-decoration: none }
.main-menu > li > a {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    padding: 25px 20px;
}
.main-menu > li > a:hover{color:#fff}
.main-menu > li > a i {
    display: block;
    text-align: center;
    font-size: 22px;
}
.main-menu > li:hover > a {background: #0587d8; padding-left: 20px;margin: 0 0 0 0px; color:#fff}
ul.main-menu li a {
    -webkit-transition: background-color 80ms ease-in-out;
    -moz-transition: background-color 80ms ease-in-out;
    -o-transition: background-color 80ms ease-in-out;
    -ms-transition: background-color 80ms ease-in-out;
    transition: background-color 80ms ease-in-out;
}
.main-menu ul li a {
    -webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
}
.main-menu  li  a  span {
    display: block;
    width: 100%;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
}
.main-menu > li > a img,
.main-menu li > ul > li > a img {
    border: 0;
    margin-right: 7px;
}



/* Sub Menu 下拉菜单 */
.main-menu ul {
    position: absolute;
    display: none;
    width: 104px;
    background-color: #0587d8;
    border-top: none;
    z-index: 999;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px rgba(0,0,0,0.04);border-top:5px solid #005daa; text-align:center;
}
.main-menu ul a {color: #fff;font-size: 12px;line-height: 18px;padding: 9px 12px; border-bottom:1px solid #dfdfdf; display:block}
.main-menu ul a:hover{ background:#ffa70c; color:#fff; display:block }
.main-menu ul ul {
    top: 0;
    left: 104px;
    text-align:center;
}

.main-menu li:hover a:hover,.main-menu li ul li:hover a{color:#fff}



/* Mega Menu */
.main-menu .one-column,
.main-menu .two-columns,
.main-menu .three-columns,
.main-menu .four-columns,
.main-menu .five-columns {
    position: absolute;
    display: none;
    overflow: auto;
    z-index: 999;
    background: #fff;
}
.main-menu .one-column,
.main-menu .one { width: 160px }
.main-menu .two-columns,
.main-menu .two { width: 320px }
.main-menu .three-columns,
.main-menu .three { width: 480px }
.main-menu .four-columns,
.main-menu .four { width: 640px }
.main-menu .five-columns,
.main-menu .five { width: 800px }
.main-menu > li.floatr > ul.one-column,
ul.two-columns,
ul.three-columns,
ul.four-columns,
ul.five-columns { right: 0 }
.main-menu > li:hover > ul.one-column,
ul.two-columns,
ul.three-columns,
ul.four-columns,
ul.five-columns { display: block }
.main-menu .one,
.main-menu .two,
.main-menu .three,
.main-menu .four,
.main-menu .colfive5 { float: left }